<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head lang="en">
    <meta charset="UTF-8"/>
    <title>搜索结果</title>
    <link href="../../../css/home/index.css" rel="stylesheet"/>
    <link href="../../../css/home/common.css" rel="stylesheet"/>
    <link href="../../../css/home/more.css" rel="stylesheet"/>
    <!--Required libraries-->
    <script src="../../../js/home/jquery-v1.10.2.min.js" type="text/javascript"></script>
    <script src="../../../js/home/modernizr-custom-v2.7.1.min.js" type="text/javascript"></script>
    <script src="../../../js/home/jquery-finger-v0.1.0.min.js" type="text/javascript"></script>
    <!--Include flickerplate-->
    <link href="../../../css/home/flickerplate.css"  type="text/css" rel="stylesheet" />
    <script src="../../../js/home/flickerplate.min.js" type="text/javascript"></script>
    <script src="../../../js/home/infinite-scroll.pkgd.min.js" type="text/javascript"></script>

</head>
<body>
<input type="hidden" id="keyword" th:value="${keyword}"/>
<div class="container">
    <div class="head-top">
        <div style="width: 1100px; margin:0 auto;">
            <a href="#appdownload">移动端客户</a>
            <img src="../../img/phone.png"/>
        </div>
        <div class="clearfix"></div>
    </div>
    <div class="nav">
        <div class="logo"><img src="../../img/logo.png"/></div>
        <ul class="list">
            <li><a th:href="@{'/api/home'}" class="active">首页</a></li>
            <li><a th:href="@{'/api/home?type=3'}">明星</a></li>
            <li><a th:href="@{'/api/home?type=1'}">电影</a></li>
            <li><a th:href="@{'/api/home?type=0'}">电视</a></li>
            <li><a th:href="@{'/api/home?type=2'}">网剧</a></li>
        </ul>
        <div class="search">
            <input class="search_input" value="搜你所想" onfocus="if(value=='搜你所想') {value=''}"
                   onblur="if (value=='') {value='搜你所想'}"/>
            <a href="#">
                <img onclick="window.location.href='/api/home/more?title='+document.getElementsByClassName('search_input')[0].value" src="../../img/search.png"/>
            </a>
        </div>
        <div class="clearfix"></div>
    </div>

    <div class="box">
        <div class="scroll-container">
            <div class="column" th:each="infor,iterStat:${list}" th:id="${infor.item.dataId}">
                <img th:src="${infor.item.img_url[0]}"/>
                <div class="text">
                    <h1><a target="_blank" th:href="@{'/api/home/detail/'+${infor.item.dataId}}" class="textyc_sl" th:text="${infor.item.name}"></a></h1>
                    <span><a href="#" th:text="'发布时间：'+${#dates.format(infor.item.publishDate,'yyyy年MM月dd日')}"></a></span>
                </div>
                <div class="clearfix"></div>
            </div>

        </div>

        <div class="right-float" id="FloatDIV"><img id="appdownload" src="../../images/download/appdownload.png" th:height="150" th:width="150"/></div>
    </div>
    <div class="footer">
        <div class="footer_container">
        <div class="footer_logo"><img src="../../img/logo.png"/></div>
        <ul>
            <li><a href="mailto:81139271@qq.com">海宁至娱智乐影视文化有限公司</a></li>
            <li><a href="mailto:81139271@qq.com">联系我们</a></li>
            <li><a href="#">Copyright 2018 All Rights Reserved</a></li>
        </ul>
        <ul class="saoma">
            <li><img src="../../images/download/appdownload.png" th:height="111" th:width="111"/></li>
            <li><span>扫描二维码  关注我们</span></li>
        </ul>
        <div class="clearfix"></div>
        </div>
    </div>
    </div>

<script src="../../../js/home/more.js?version=1.0.0" type="text/javascript"></script>

<script type="text/javascript">
    var MarginLeft =300;    //浮动层离浏览器右侧的距离
    var MarginTop = 150;   //浮动层离浏览器顶部的距离
    var Width = 20;            //浮动层宽度
    var Heigth= 85;           //浮动层高度

    //设置浮动层宽、高
    function Set()
    {
        document.getElementById("FloatDIV").style.width = Width + 'px';
        document.getElementById("FloatDIV").style.height = Heigth + 'px';
    }

    //实时设置浮动层的位置
    function Move()
    {
        var b_top = window.pageYOffset
                || document.documentElement.scrollTop
                || document.body.scrollTop
                || 0;
        var b_width= document.body.clientWidth;
        document.getElementById("FloatDIV").style.top = b_top + MarginTop + 'px';
        document.getElementById("FloatDIV").style.left = b_width - Width - MarginLeft + 'px';
        setTimeout("Move();",100);
    }

    function showservicepeople()
    {
        location.href=' http://www.freeitjc.com/wp-content/uploads/2014/07/FreeITAPP.jpg';
    }
    Set();
    Move();
</script>

</body>
</html>